<script lang="ts" setup>
import LllegalData from './components/lllegalData.vue'
import PoliceDistribution from './components/policeDistribution.vue'
import InterProvincialData from './components/interProvincialData.vue'
</script>
<template>
  <div class="container">
    <LllegalData class="lllegalData"></LllegalData>
    <InterProvincialData class="interProvincialData"></InterProvincialData>
    <PoliceDistribution class="policeDistribution"></PoliceDistribution>
  </div>
</template>
<style lang="scss" scoped>
.container{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  .lllegalData,.policeDistribution,.interProvincialData{
    position: relative;;
    width: 100%;
    height: 33%;
  }
}
</style>
